import { lazy } from 'react'
import { BlockOutlined, FileWordOutlined, CopyOutlined } from '@ant-design/icons'
import lazyLoad from '@/utils/lazyLoad'

export default [{
  path: '/components',
  key: '/components',
  label: '组件',
  title: '组件',
  icon: <BlockOutlined />,
  element: lazyLoad(lazy(() => import('@/layouts/index'))),
  children: [
    {
      label: '富文本',
      title: '富文本',
      icon: <FileWordOutlined />,
      path: '/components/tinymce',
      key: '/components/tinymce',
      element: lazyLoad(lazy(() => import(/* webpackChunkName: "tinymce" */ '@/pages/components/tinymce'))),
    },
    {
      label: '剪切板',
      title: '剪切板',
      icon: <CopyOutlined />,
      path: '/components/clipboard',
      key: '/components/clipboard',
      element: lazyLoad(lazy(() => import(/* webpackChunkName: "tinymce" */ '@/pages/components/clipboard'))),
    },
  ],
}]
